<!doctype html>
<html class="no-js" lang="">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>购物车</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Place favicon.ico in the root directory -->
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="js/layui/css/layui.css">
    <script src="js/layui/layui.js"></script>
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/style.css">
    <style type="text/css">
    </style>
</head>
<body >
<div class="shoppingCart">
    <div  class="mian layui-carousel layui-col-xs12 layui-col-sm12 layui-col-md12" id="app">
        <!-- 头部分-->
        <div class="layui-row tl-top">
            <div class="layui-col-xs1 layui-col-sm1 layui-col-md1 tl-leftalign">
                <img src="img/img/icon_back.png"/>
            </div>
            <div class="layui-col-xs10 layui-col-sm10 layui-col-md10 tl-align">
                购物车
            </div>
            <div class="layui-col-xs1 layui-col-sm1 layui-col-md1 tl-rightalign">

            </div>
        </div>
        <!-- 主体-->
        <div class="cent">
            <!-- 购物车-->
            <div class="card layui-row">
                <div class="layui-col-xs5 layui-col-sm7 layui-col-md7">
                    <div class="cardImg">
                        <div class="imgBoxs">
                            <img src="img/img/lanya.png"/>
                        </div>
                        <div class="iocnCheck">
                            <img src="img/img/btn_selected.png" />
                        </div>
                    </div>
                </div>
                <div class="layui-col-xs7 layui-col-sm7 layui-col-md7">
                    <div >
                        <div class="listTypesBox">
                            <p class="listTypes"> 别只会甲方实际付款了别只会甲方实际付款了</p>
                            <p class=""><span>颜色：</span> <span> 尊贵白</span> </p>
                        </div>
                        <div class="layui-row">
                            <div class="layui-col-xs6 layui-col-sm6 layui-col-md6">
                                <p class=""><span class="red">100000</span> <span> 积分</span> </p>
                            </div>
                            <div class="layui-col-xs6 layui-col-sm6 layui-col-md6">
                                <div class=" layui-row">
                                    <div class="add">
                                        <div class="imgBoxs">
                                            <img src="img/img/icon_+.png"/>
                                        </div>
                                    </div>
                                    <div class="number">
                                        <input type="text"  value="100">
                                    </div>
                                    <div class="del">
                                        <div class="imgBoxs">
                                            <img src="img/img/icon_-.png"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card layui-row">
                <div class="layui-col-xs5 layui-col-sm7 layui-col-md7">
                    <div class="cardImg">
                        <div class="imgBoxs">
                            <img src="img/img/lanya.png"/>
                        </div>
                        <div class="iocnCheck">
                            <img src="img/img/btn_selected.png" />
                        </div>
                    </div>
                </div>
                <div class="layui-col-xs7 layui-col-sm7 layui-col-md7">
                    <div >
                        <div class="listTypesBox">
                            <p class="listTypes"> 别只会甲方实际付款了别只会甲方实际付款了别只会甲方实际付款了别只会甲方实际付款了</p>
                            <p class=""><span>颜色：</span> <span> 尊贵白</span> </p>
                        </div>
                        <div class="layui-row">
                            <div class="layui-col-xs6 layui-col-sm6 layui-col-md6">
                                <p class=""><span class="red">100000</span> <span> 积分</span> </p>
                            </div>
                            <div class="layui-col-xs6 layui-col-sm6 layui-col-md6">
                                <div class=" layui-row">
                                    <div class="add">
                                        <div class="imgBoxs">
                                            <img src="img/img/icon_+.png"/>
                                        </div>
                                    </div>
                                    <div class="number">
                                        <input type="text"  value="100">
                                    </div>
                                    <div class="del">
                                        <div class="imgBoxs">
                                            <img src="img/img/icon_-.png"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card layui-row">
                <div class="layui-col-xs5 layui-col-sm7 layui-col-md7">
                    <div class="cardImg">
                        <div class="imgBoxs">
                            <img src="img/img/lanya.png"/>
                        </div>
                        <div class="iocnCheck">
                            <img src="img/img/btn_select.png" />
                        </div>
                    </div>
                </div>
                <div class="layui-col-xs7 layui-col-sm7 layui-col-md7">
                    <div >
                        <div class="listTypesBox">
                            <p class="listTypes"> 别只会甲方实际付款了</p>
                            <p class=""><span>颜色：</span> <span> 尊贵白</span> </p>
                        </div>
                        <div class="layui-row">
                            <div class="layui-col-xs6 layui-col-sm6 layui-col-md6">
                                <p class=""><span class="red">100000</span> <span> 积分</span> </p>
                            </div>
                            <div class="layui-col-xs6 layui-col-sm6 layui-col-md6">
                                <div class=" layui-row">
                                    <div class="add">
                                        <div class="imgBoxs">
                                            <img src="img/img/icon_+.png"/>
                                        </div>
                                    </div>
                                    <div class="number">
                                        <input type="text"  value="100">
                                    </div>
                                    <div class="del">
                                        <div class="imgBoxs">
                                            <img src="img/img/icon_-.png"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-row tl-exchange " style='padding-bottom: 0px;background-color: #fff'>
            <div class="layui-col-xs8 layui-col-sm8 layui-col-md8 tl-leftdiv tl-integ layui-row" style="text-align: right">
                <div class="layui-col-xs4 layui-col-sm4 layui-col-md4 layui-row">
                    <div class="iocnCheck layui-col-xs6" style="position: relative;top: -2px;left:10px;">
                        <img src="img/img/btn_selected.png" />
                    </div>
                    <div class="layui-col-xs6">
                        <p> <span>全选</span></p>
                    </div>
                </div>
                <div class="layui-col-xs8 layui-col-sm8 layui-col-md8" style="text-align: right">
                    <span> 单价:</span>
                    <span class="ti-mun">4290</span>
                    <i class="tl-tegral">积分</i>
                </div>
            </div>
            <div class="layui-col-xs4 layui-col-sm4 layui-col-md4 tl-text" style="text-align: right">
                <button class="layui-btn tl-change">立即兑换</button>
            </div>
        </div>
    </div>
</div>
<div class="footer layui-row">
    <div class="listTop layui-row">
        <div class="span2">
            <div class="imgBoxs">
                <img src="img/img/icon_tab_shop_select.png"/>
            </div>
            <p class="listTypes"> 商店 </p>
        </div>
        <div class="span2">
            <div class="imgBoxs">
                <img src="img/img/icon_tab_fenlei_select.png"/>
            </div>
            <p class="listTypes"> 分类 </p>
        </div>
        <div class="span2" style=" position: relative;height:10px">
            <div class="imgBoxs shopping">
                <img src="img/img/btn_tab_shopping_selected.png"/>
            </div>
        </div>
        <div class="span2">
            <div class="imgBoxs">
                <img src="img/img/icon_tab_team_select.png"/>
            </div>
            <p class="listTypes"> 团队 </p>
        </div>
        <div class="span2">
            <div class="imgBoxs">
                <img src="img/img/icon_tab_my_selected.png"/>
            </div>
            <p class="listTypes"> 我的 </p>
        </div>
    </div>
</div>
<script>
    layui.use(['carousel', 'form'], function(){


    });
</script>
</body>
</html>
